<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>心猿意码</title>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" href="css/default.css">
    <link rel="stylesheet" href="css/atom-one-light.css">
</head>

<body>
    <!---LOGO--->
	<header class="logo">
		<h1>心猿意码</h1>
	</header>
    <!---LOGO END--->

    <!---输入框--->
	<input class="mainInput" autofocus="autofocus" type="text" placeholder="按Enter键搜索" />
    <!---输入框 END--->

    <!---图标--->
	<section class="icons">
		<div id="Python"><embed src="svg/python1.svg" width="270" height="300" type="image/svg+xml" /><span>Python</span></div>
		<div id="HTML5"><embed src="svg/H5.svg" width="270" height="300" type="image/svg+xml" /><span>HTML5</span></div>
		<div id="Nginx"><embed src="svg/N.svg" width="270" height="300" type="image/svg+xml" /><span>Nginx</span></div>
		<div id="CSS"><embed src="svg/CSS3.svg" width="270" height="300" type="image/svg+xml" /><span>CSS</span></div>
		<div id="JavaScript"><embed src="svg/js.svg" width="270" height="300" type="image/svg+xml" /><span>JavaScript</span></div>
	</section>
    <!---图标 END--->

    <!--知识点描述及示例-->
    <section class="main">
        <span class="tag">可信度80%</span>
        <div class="btn view"><em></em><span>1234</span></div>
        <div class="btn agree"><em></em><span>1234</span></div>
        <header><em>知识点</em><h3>知识点</h3></header>
        <summary><em>描述</em><p>知识点概要的描述</p></summary>
        <article>
            <em>示例</em>
            <div class="article">
                <p>知识点点的顶顶顶顶顶顶顶顶知识点点的顶顶顶顶顶顶顶顶知识点点的顶顶顶顶顶顶顶顶知识点点的顶顶顶顶顶顶顶顶知识点点的顶顶顶顶顶顶顶顶知识点点的顶顶顶顶顶顶顶顶知识点点的顶顶顶顶顶顶顶顶知识点点的顶顶顶顶顶顶顶顶知识点点的顶顶顶顶顶顶顶顶知识点点的顶顶顶顶顶顶顶顶知识点点的顶顶顶顶顶顶顶顶知识点点的顶顶顶顶顶顶顶顶知识点点的顶顶顶顶顶顶顶顶知识点点的顶顶顶顶顶顶顶顶知识点点的顶顶顶顶顶顶顶顶知识点点的顶顶顶顶</p>
                <pre><code class="javascript">
                    function init(){
                        $scope.req.getArticle();
                        $('pre code').each(function(i, block) {
                            hljs.highlightBlock(block);
                        });
                    }
                </code></pre>
            </div>
        </article>
        <footer><span>创建者：张三三</span><span>创建日期：2018.03.23</span><span>更新时间：2018.03.23 11:28:25</span></footer>
    </section>
    <!--知识点描述及示例 END-->

	<script src="js/jquery.js"></script>
    <script src="js/highlight.pack.js"></script>
    <script>hljs.initHighlightingOnLoad();</script>
	<script src="js/main.js"></script>

</body>
</html>